//https://ishadeed.com/article/custom-scrollbars-css/
body {
  overflow: overlay;
  //   scrollbar-width: thin;
}

:hover {
  ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.65) !important;
    border-radius: 6px;
    border: 2px solid transparent;
    background-clip: padding-box;
    // background-image: linear-gradient(180deg, #d0368a 0%, #708ad4 99%);
    box-shadow: inset 0px 2px 5px 0 rgba(#fff, 0.5);
  }

  ::-webkit-scrollbar-track {
    background: #f6f6f6;
    border-radius: 6px !important;
    //     background: white;
  }
}

::-webkit-scrollbar {
  width: 12px !important;
  // height: 12px !important;
}

::-webkit-scrollbar-corner {
  background: #f6f6f6;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0) !important;
  border-radius: 6px;
  border: 2px solid transparent;
  background-clip: padding-box;
  // background-image: linear-gradient(180deg, #d0368a 0%, #708ad4 99%);
  // box-shadow: inset 0px 2px 5px 0 rgba(#fff, 0.5);
}

::-webkit-scrollbar-track {
  padding: 0 4px !important;
  border-radius: 6px !important;
  background: rgba(0, 0, 0, 0) !important;
  // background: white;
}

::-webkit-scrollbar-track-piece {
  // background-color: rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0) !important;
  border-radius: 6px !important;
}
